<!DOCTYPE html>
html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title Document
  body
    section.container
      .row.test
        h1 标题
          small 小标题
        h2 标题2
        h3 标题3
        h4 标题4
        h5 标题5
        h6 标题6
      .h1 标题
        span.small 小标题
      .h2 标题
      //- 全局样式 所有的地方都可以使用的样式
      p 富家大室克隆
    -var key = ['left','center','right','justify','norwrap']
    each item,index in key
      p(class='text-'+item) 第#{index}个：text-#{item}
    -
      var data=[
        {name:'张三',age:18},
        {name:'李四',age:20}
      ]
    each item,index in data
      .col-md-3
        h2 #{item.name}
        p #{item.age}
    //- mixin for(count)
    //-   - var n = 0
    //-   while n<count
    //-     if  block
    //-         block
    //-     -n++
    //- +for(100)
    //-   .row
    if 1>2
      p 成立
    else
      p 不成立
    mixin container()
      .container
        if block
          block
    mixin row()
      .row
        if block
          block
    mixin md(num)
      div(class="col-md-"+num)
        if block 
          block
    +container
      +row
        +md(10)
          | 发金士顿开了房就类 
        +md(2)
          | 福建省打开了房间看

    